<template>
    <div class="app-container">
        <el-table :data="list">
            <el-table-column label="操作人" prop="createName" width="130"></el-table-column>
            <el-table-column label="操作时间" prop="createTime" width="180"></el-table-column>
            <el-table-column label="操作记录" prop="remark"></el-table-column>
        </el-table>
        <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
    </div>
</template>

<script>
import * as api from '@/api/longOrder/index'

export default {
    props: ['orderNo'],
    data() {
        return {
            list: [],
            queryParams: {
                type: 20,
                pageNum: 0,//页码   必选
                pageSize: 10,//每页显示数据 必选
            },
            total: 0,
        };
    },
    mounted() {
        this.getList();
    },
    methods: {
        getList() {
            api.operationLog({
                ...this.queryParams,
                bizNo: this.orderNo,
                binzo: this.orderNo,
            }).then(response => {
                this.list = response.rows || [];
            });
        },
    },
}
</script>